﻿<%@ Page Language="C#" MasterPageFile="~/ytba.Master" AutoEventWireup="true" CodeBehind="SanPhamChiTiet.aspx.cs"
    Inherits="SES.CMS.SanPhamChiTiet" Title="" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<%@ Register Src="Module/ucBreadcrumb.ascx" TagName="ucBreadcrumb" TagPrefix="uc1" %>
<%@ Register Src="Module/ucTag.ascx" TagName="ucTag" TagPrefix="uc2" %>
<%@ Register Src="Module/ucLeftMenu.ascx" TagName="ucLeftMenu" TagPrefix="uc4" %>
<%@ Register Src="Module/ucRightMenu.ascx" TagName="ucRightMenu" TagPrefix="uc3" %>
<%@ Register Src="Module/ucBreadcrumb.ascx" TagName="ucBreadcrumb" TagPrefix="uc5" %>
<%@ Register Src="Module/ucSupportOnline.ascx" TagName="ucSupportOnline" TagPrefix="uc6" %>
<%@ Register Src="Module/ucShopInfo.ascx" TagName="ucShopInfo" TagPrefix="uc7" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css"
        media="screen" />
    <script type="text/javascript">
        jQuery(document).ready(function () {
            $("a#showanh").fancybox({
                'transitionIn': 'elastic',
                'transitionOut': 'elastic',
                'speedIn': 200,
                'speedOut': 200,
                'titlePosition': 'over',
                'overlayShow': true
            });
            $("a.fackybox").fancybox({
                'transitionIn': 'elastic',
                'transitionOut': 'elastic',
                'speedIn': 200,
                'speedOut': 200,
                'titlePosition': 'over',
                'overlayShow': true
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="margin-20">
    </div>
    <div class="conainer-body">
        <div class="body-left">
            <div class="sidebar-line">
            </div>
            <uc4:ucLeftMenu ID="ucLeftMenu1" runat="server" />
            <div class="sidebar-line">
            </div>
            <uc6:ucSupportOnline ID="ucHoTro1" runat="server" />
        </div>
        <div class="body-right">
            <uc5:ucBreadcrumb runat="server" ID="brc1" />
            <div id="dProductDetail">
                <div>
                    <div class="product-images">
                        <asp:Label ID="ln" runat="server"></asp:Label>
                    </div>
                    <div class="product-detail-content">
                        <div id="product-detail-title">
                            <h3 class="h3pDetail">
                                <asp:Label runat="server" Text="" ID="lblTenSP"></asp:Label></h3>
                            <div class="hr-border">
                            </div>
                            <div class="product-detail-row">
                                <div class="l-pro-det-row">
                                    Mã sản phẩm</div>
                                <div class="r-pro-det-row">
                                    <asp:Label runat="server" Text="" ID="lblMaSP"> </asp:Label></div>
                            </div>
                            <div class="product-detail-row">
                                <div class="l-pro-det-row">
                                    Loại sản phẩm</div>
                                <div class="r-pro-det-row">
                                    <asp:HyperLink runat="server" Text="" ID="hplLoaiSP" CssClass="hpl"></asp:HyperLink>
                                    <%--<asp:Label runat="server" Text="" ID="lblLoaiSP"> </asp:Label>--%>
                                </div>
                            </div>
                            <div class="product-detail-row">
                                <div class="l-pro-det-row">
                                    <asp:Label runat="server" ID="lblNhanHieuXuatXu" Text=""></asp:Label></div>
                                <div class="r-pro-det-row">
                                    <asp:HyperLink runat="server" Text="" ID="hplNhanHieu" CssClass="hpl"></asp:HyperLink>
                                    <asp:Label runat="server" Text="" ID="lblXuatXu" Visible="false"></asp:Label>
                                </div>
                            </div>
                            <div class="product-detail-row">
                                <div class="l-pro-det-row">
                                    Đơn giá</div>
                                <div class="r-pro-det-row product-detail-price">
                                    <asp:Label runat="server" Text="" ID="lblDonGia"> </asp:Label></div>
                            </div>
                            <div class="product-detail-row" style="display: none;">
                                <div class="l-pro-det-row">
                                    Giảm giá</div>
                                <div class="r-pro-det-row product-detail-price">
                                    <asp:Label runat="server" Text="" ID="lblGiamGia"> </asp:Label></div>
                            </div>
                            <div class="product-detail-row">
                                <div class="l-pro-det-row">
                                    Đơn vị tính:
                                </div>
                                <div class="r-pro-det-row">
                                    <asp:Label runat="server" Text="" ID="lbDonVi"> </asp:Label></div>
                            </div>
                            <%--<hr />--%>
                            <div class="product-detail-row">
                                <div class="l-pro-det-row">
                                    Từ khóa</div>
                                <div class="r-pro-det-row product-detail-keyword">
                                    <uc2:ucTag ID="ucTag1" runat="server" />
                                </div>
                            </div>
                            <%--    <hr />--%>
                            <div class="hr-border">
                            </div>
                            <div class="product-detail-row product-detail-other">
                                <div class="l-pro-det-row product-detail-button">
                                    <asp:ImageButton runat="server" ImageUrl="~/images/addtocart.png" ID="lbtnAddToCart"
                                        Width="80px" Height="25px" OnClick="lbtnAddToCart_Click" />
                                </div>
                                <div class="r-pro-det-row product-detail-button">
                                    <div style="padding-top: 5px;">
                                        <iframe runat="server" id="abc" scrolling="no" frameborder="0" style="margin-bottom: 2px;
                                            float: left; border: none; overflow: hidden; width: 75px; height: 24px;" allowtransparency="true">
                                        </iframe>
                                        <asp:HyperLink runat="server" Target="_blank" ID="hplFacebook" NavigateUrl="http://www.facebook.com/sharer.php?u="><img alt="Chia sẻ thông tin này lên Facebook" src="/images/facebook.png" /></asp:HyperLink>
                                        <asp:HyperLink runat="server" Target="_blank" ID="hplGoogle" NavigateUrl="https://plusone.google.com/_/+1/confirm?hl=en&url="><img alt="Chia sẻ lên Google Plus" src="/images/google.png" /></asp:HyperLink>
                                        <asp:HyperLink runat="server" Target="_blank" ID="hplTwitter" NavigateUrl="http://twitter.com/home/?status="><img alt="Chia sẻ thông tin này lên Twitter" src="/images/twitter.png" /></asp:HyperLink>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product-detail-tabcontainer">
                <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" CssClass="MyTabStyle">
                    <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Mô tả chi tiết">
                        <ContentTemplate>
                            <asp:Label runat="server" ID="lblThongTinChiTiet" Text=""></asp:Label>
                        </ContentTemplate>
                    </cc1:TabPanel>
                    <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="Đánh giá người dùng">
                        <ContentTemplate>
                            <div class="fb-comments" id="fbcm" runat="server" data-num-posts="10" data-width="700">
                            </div>
                        </ContentTemplate>
                    </cc1:TabPanel>
                    <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Bảo hành" Visible="false">
                        <ContentTemplate>
                            <asp:Label runat="server" ID="lblBaoHanh" Text=""></asp:Label>
                        </ContentTemplate>
                    </cc1:TabPanel>
                </cc1:TabContainer>
                <br />
            </div>
            <div id="dRelevantProduct">
                <h3 class="h3Detail">
                    Quý Khách hàng cũng có thể chọn mua sản phẩm tương tự dưới đây:</h3>
                <div class="product-wrap">
                    <ul class="list-product">
                        <asp:Repeater runat="server" ID="rpt">
                            <ItemTemplate>
                                <li>
                                    <div class="product-image-wrap">
                                        <a href='/SanPhamChiTiet/<%#Eval("SanPhamID")%>/<%#FriendlyUrl(Eval("TenSanPham").ToString())%>'>
                                            <img src='/Media/<%#Eval("HinhAnh")%>' title='<%#Eval("TenSanPham")%>' alt='<%#Eval("TenSanPham")%>'
                                                class="bear1" />
                                        </a>
                                    </div>
                                    <a href='/SanPhamChiTiet/<%#Eval("SanPhamID")%>/<%#FriendlyUrl(Eval("TenSanPham").ToString())%>'>
                                        <h2 class="product-title">
                                            <%#Eval("TenSanPham")%>
                                        </h2>
                                    </a>
                                    <div class="product-price-wrap">
                                        <span class="product-price">
                                            <%#Eval("DonGia","{0:0,0}")%>
                                            đ</span><a class="product-detail" href='/SanPhamChiTiet/<%#Eval("SanPhamID")%>/<%#FriendlyUrl(Eval("TenSanPham").ToString())%>'>Xem</a>
                                    </div>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                    <div class="row-1" id="divr1" runat="server">
                    </div>
                    <div class="row-2" id="divr2" runat="server">
                    </div>
                </div>
                <div style="width: 100%; float: left; margin-top: 10px;">
                    <div style="float: left;">
                        <asp:ImageButton ID="cmdPrev" Visible="false" OnClick="cmdPrev_Click" runat="server"
                            ImageUrl="~/images/prevpage.png" /></div>
                    <div style="float: right;">
                        <asp:ImageButton ID="cmdNext" Visible="false" OnClick="cmdNext_Click" runat="server"
                            ImageUrl="~/images/nextpage.png" /></div>
                </div>
            </div>
        </div>
        <hr />
    </div>
</asp:Content>
